<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*通过不同选择器找到同一个元素时,定义的不同样式会叠加,相同样式会比较优先级,优先级高的显示.当前例中说明id选择器的优先级高于class选择器*/
			#box{
				color:red;
			}
			.class111{
				color:blue;
				background: green;
			}
			/*清楚a标签内容的下划线*/
			a{
				text-decoration: none;
			}
			
		</style>
	</head>
	<body>
		<div id="box" class="class111">
			我是div标签
		</div>
		<a href="">我是a标签</a>
	</body>
</html>
